<template>
    <div class="welcome-container">
        <div class="welcome-content">
            <div class="welcome-text top-logo">
                <img v-if="companyId == '2' && (whiteLabel == 'N' || whiteLabel == 'undefined')" src='../../assets/imgs/mi.png' />
                <img v-if="companyId == '1'" src='../../assets/imgs/up.png' />
            </div>

            <div class="welcome-text">
                <img src="../../assets/imgs/welcome.png" />
            </div>
            <div v-if="companyId == '2' && (whiteLabel== 'N' || whiteLabel == 'undefined')" class="welcome-text up-text">ACPAYLINK</div>
            <div v-if="companyId == '1'" class="welcome-text up-text">UNIVERSAL POCKET</div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            companyId: localStorage.getItem("companyId"),
            whiteLabel: localStorage.getItem("whiteLabel")
        };
    },
    created() {}
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.welcome-container {
    .welcome-content {
        width: 100%;
        height: 832px;
        position: relative;
        background-image: url("../../assets/imgs/bg.png");
        .welcome-img img {
            width: 100%;
            height: 100%;
        }
        .welcome-text {
            color: white;
            font-size: 28px;
            margin: 0 auto;
            position: absolute;
            top: 390px;
            left: 50%;
            transform: translate(-50%, -50%);
            img {
                width: 750px;
                display: block;
            }
        }
        .top-logo {
            top: 180px;
            text-align: center;
            img {
                width: 96px;
                margin: 0 auto;
            }
        }
        .up-text {
            background: url("../../assets/imgs/up_bg.png");
            top: 620px;
            width: 470px;
            height: 123px;
            line-height: 89px;
            text-align: center;
            font-size: 35px;
        }
    }
}
</style>